<script type="text/javascript">
$(document).ready(function(){
	
	$("#submit").click(function(){
		//lấy các label có class required
		var msg = "";
		var txtUsername = $("#username").attr("value");
		var txtPassword = $("#password").attr("value");
		var txtRePassword = $("#repassword").attr("value");
		var regUsername = new RegExp("[a-z0-9]*");
		var regPassword = new RegExp("[a-z0-9]*");
		if(txtUsername == ""){
			msg += "Thiếu tên đăng nhập!\n";
		}else{
			if(txtUsername.length < 6 || txtUsername.length > 15){
				msg += "Tên đăng nhập phải có từ 6 đến 15 ký tự.\n";
			}
//			}else{
//				if(!regUsername.test(txtUsername)){
//					msg += "Tên đăng nhập chỉ bao gồm ký tự a-z 0-9 và dấu _.\n";
//				}else{
//					alert("");
//				}
//			}
			
		}
		
		
		if(txtPassword != ""){
			if(txtPassword.length < 6 || txtPassword.length > 15){
				msg += "Mật khẩu phải có từ 6 đến 15 ký tự.\n";
			}else{
//				if(!regPassword.test(txtPassword)){
//					msg += "Mật khẩu chỉ bao gồm ký tự a-z và 0-9.\n";
//				}else{
					if(txtRePassword == ""){
						msg += "Thiếu xác nhận mật khẩu!\n";
					}else{
						if(txtPassword != txtRePassword){
							msg += "Mật khẩu xác nhận không chính xác!\n";
						}
					}
				//}
			}
		}
		
		
		
		if(msg != ""){
			alert(msg);
			return false;
		}
		
	});
});
</script>
<div id="r-heading">
	<img src="<?php echo PUBLIC_URL.'/admin/images/user.png';?>" alt=""/>
	<span>Sửa thông tin người dùng</span>
</div>
<?php
//nếu có message thì hiển thị
if(!empty($this->message)){
	echo '<div id="message">'.$this->message.'</div>';
} 
?>
<form id="frmAEUser" class="" enctype="application/x-www-form-urlencoded" action="" method="post">
	<div class="r-left" style="width:70%; float:left;">
		<div class="row">
			<label for="username" class="required">Username:</label>
			<input type="text" name="username" id="username" value="<?php echo $this->user->username;?>" size="30" autocomplete="off" />
		</div>
		<div class="row">
			<label for="password" class="optional">Mật khẩu đăng nhập:</label>
			<input type="password" name="password" id="password" value="" size="30" autocomplete="off" />
		</div>
		<div class="row">
			<label for="repassword" class="optional">Xác nhận mật khẩu:</label>
			<input type="password" name="repassword" id="repassword" value="" size="30" />
		</div>
		<div class="row">
			<label for="fullname" class="optional">Tên đầy đủ:</label>
			<input type="text" name="fullname" id="fullname" value="<?php echo $this->user->fullname;?>" size="40" />
		</div>
		<div class="row">
			<label for="email" class="optional">Email:</label>
			<input type="text" name="email" id="email" value="<?php echo $this->user->email;?>" size="40" />
		</div>
		<div class="row">
			<label for="phone" class="optional">Phone:</label>
			<input type="text" name="phone" id="phone" value="<?php echo $this->user->phone;?>" size="40" />
		</div>
		<div class="row">
			<label for="fax" class="optional">Fax:</label>
			<input type="text" name="fax" id="fax" value="<?php echo $this->user->fax;?>" size="40" />
		</div>
		<div class="row">
			<label for="role" class="required">Vai trò:</label>
			<select name="role" id="role">
    			<option value="0" <?php echo ($this->user->role == 0) ? "selected = 'selected'" : "";?>>Administrator</option>
    			<option value="1" <?php echo ($this->user->role == 1) ? "selected = 'selected'" : "";?>>Nhân viên bán hàng</option>
			</select>
		</div>
	</div>
	<div class="r-right" style="width:25%;float:right;">
		<div class="box">	
			<div class = "b-title">	
				Ảnh đại diện
			</div>
			<div class="b-container">
				<input type="hidden" name="image"  id="image" value="<?php echo $this->user->image;?>" />
				<img src="<?php echo $this->user->image;?>" width="100%" id="imgFeature" alt="Ảnh đại diện"/>
				<button name="btnSelectImage" id="btnSelectImage" class="button" type="button" onclick="BrowseServer();">Chọn ảnh</button>
			</div>
		</div>
		<div class="row" style="width:100%; clear: both;">
			<input class="button" type="submit" name="submit" id="submit" value="Lưu" />
			<input class="button" type="reset" name="reset" id="reset" value="Làm lại" />
		</div>
	</div>
	<script type="text/javascript">
		function BrowseServer()
		{
			// You can use the "CKFinder" class to render CKFinder in a page:
			var finder = new CKFinder() ;
			finder.basePath = '<?php echo PUBLIC_URL."/ckfinder/";?>' ;	// The path for the installation of CKFinder (default = "/ckfinder/").
			finder.selectActionFunction = function(fileUrl){
				document.getElementById( "image" ).value = fileUrl ;
				document.getElementById( 'imgFeature' ).src = fileUrl;
			}
			finder.popup() ;
		}	
	</script> 
</form>